﻿
@{
    ViewBag.Title = "Projects";
    Layout = "~/Views/Shared/_Layout1.cshtml";
}
<script type="text/javascript">
    var menus = $('div.menu');
    menus.eq(2).addClass('menu_selected');

</script>
<style>
    .item_project{
        width:245px;
        height:355px;
        border: 1px black solid;
        float:left;
        border-radius:5px;
        margin-left: 50px;
        margin-bottom:20px;
        margin-top: 10px;
        background-color: #252525;
        box-shadow: 0px 0px 5px 1px black;
    }

    .item_project:hover {
        box-shadow: 0 0 5px 3px white;
    }

    .item_project img{
        width: 235px;
        height:235px;
        border-radius: 5px;
        margin-left:5px;
        margin-top: 5px;
    }
    
    ul li {
        display: inline;
        margin-right: 30px
    }
   
</style>
<div style="height: 13px"><img src="/images/module-top-bg1.png" alt="top_bgcontent"/></div>
<div id="bg_slideproject" style="background-image: url(/images/main1.png); overflow: auto">
    
    @using (Ajax.BeginForm("ListProject", "Project" ,new AjaxOptions { HttpMethod = "Post", InsertionMode = InsertionMode.Replace, UpdateTargetId = "divproject", OnBegin = "beginPaging", OnSuccess = "successPaging" }))
    {
        <div style="width: 100%; text-align: center; margin:20px 0px 20px 0px; color: aqua; display: block; font-size: 16px">
            <ul> 
                <li>@Html.RadioButton("keyFilter", "1", true, new { onclick = "clickradio()" }) Đang Phát Triển</li>
                <li>@Html.RadioButton("keyFilter", "2", false, new { onclick = "clickradio()" }) Đã Hoàn Tất</li>
                <li>@Html.RadioButton("keyFilter", "3", false, new { onclick = "clickradio()" })  Dự án tham gia vào</li>
            </ul>
        </div>
        <div style="width: 40%; margin: auto; border-bottom: 1px dashed gray; margin-bottom: 20px"></div>
    <script type="text/javascript">
        function clickradio() {
            $('#btn_project').click();
        }
      
    </script>
        <input type="submit" id="btn_project" style="display: none" value="click" />
    }
    <div id="divproject">
        @Html.Action("ListProject", "Project")
    </div>
</div>
<div><img src="/images/mainbody-bg-bottom1.png" alt=""/></div>

 <script type="text/javascript">

     function beginPaging(args) {
         // Animate
         $('#divproject').fadeOut('slow');
     }

     function successPaging() {
         // Animate
         $('#divproject').fadeIn('slow');

     }

     function failurePaging() {
         alert("Could not retrieve contacts.");
     }

 </script>

